图像占位符使您可以在为网页创建最终的图片之前尝试各种不同的网页布局,从而将 Fireworks 和 Dreamweaver 的功能结合起来。图像占位符允许指定 Dreamweaver 中将来放置的 Fireworks 图像的大小和位置。
当使用 Dreamweaver 图像占位符创建 Fireworks 图像时,系统会用与所选占位符尺寸相同的画布创建一个新的 Fireworks 文档。在 Fireworks 的内部,可以使用任何 Fireworks 工具创建图形。甚至可以使用按钮、变换图像和其它行为切割文档和添加交互性。
注:在 Fireworks 内应用的所有行为在导回到 Dreamweaver 时都会保留下来。同样,应用于图像占位符的大部分 Dreamweaver 行为在用 Fireworks 启动并编辑时也会保留下来。但有一个例外:应用到 Dreamweaver 中的图像占位符的不相交变换图像在 Fireworks 中打开和编辑时不会保留。
一旦 Fireworks 会话结束并且您返回到 Dreamweaver,所创建的新 Fireworks 图形即会取代最初选择的图像占位符。
若要使用 Dreamweaver 中的图像占位符创建 Fireworks 图像:
1. 在 Dreamweaver 中,将所需的 HTML 文档保存到 Dreamweaver 站点文件夹内的一个位置。
2. 将插入点放在文档中的所需位置,然后执行下列操作之一:
• 选择“插入”>“图像对象”>“图像占位符”。
• 在“插入”栏的“常用”类别中单击“图像”中的“图像”弹出菜单,并选择“图像占位符”。
“图像占位符”对话框即会出现。
3. 输入图像占位符的名称、尺寸、颜色和替代文本,然后单击“确定”。
图像占位符即会插入到 Dreamweaver 文档中。
4. 执行下列操作之一:
• 在“属性”检查器中选择图像占位符并单击“创建”。
• 按住 Ctrl(在 Windows 中)或 Command(在 Macintosh 中)并双击图像占位符。
• 在 Fireworks 中右键单击(在 Windows 中)或按住 Control 并单击(在 Macintosh 中),然后选择“创建图像”。
Fireworks 即会打开,并显示一个大小与占位符图像完全相同的空画布。文档窗口指示您编辑的是 Dreamweaver 中的图像。
5. 在 Fireworks 中创建图像,完成后单击“完成”。
6. 在“保存类型”对话框中指定源 PNG 文件的名称和位置,然后单击“保存”。
注:如果在 Dreamweaver 的“属性”检查器中输入了图像占位符的名称,则该名称在 Fireworks 中将用作默认文件名。
有关保存 Fireworks PNG 文件的更多信息,请参阅“Fireworks 帮助”。
7. 在“导出”对话框中为导出的图像文件指定名称。
这些图像文件就是显示在 Dreamweaver 中的那些图像文件。
8. 为导出的图像文件指定位置。所选的位置应在 Dreamweaver 的站点文件夹内。
有关导出的更多信息,请参阅“Fireworks 帮助”。
9. 单击“保存”。
返回到 Dreamweaver 时,所创建的新 Fireworks 图像或表格将取代最初选择的图像占位符。